/* 代理人表单 */
.form-item {
  border-radius: 12rpx;
  padding: 20rpx;
}

.label {
  display: block;
  font-size: 30rpx;
  color: #333;
  margin-bottom: 15rpx;
  font-weight: bold;
}

.input-group {
  position: relative;
}

.input {
  height: 80rpx;
  font-size: 28rpx;
  border: 1rpx solid #eee;
  border-radius: 8rpx;
  padding: 0 20rpx;
  background-color: #fafafa;
  padding-right: 80rpx; /* 为复制按钮留空间 */
}

/* 不可编辑状态的样式 */
.disabled-input {
  background-color: #c7c7c7 !important;
  color: #666 !important;
}

.copy-btn {
  position: absolute;
  right: 20rpx;
  top: 50%;
  transform: translateY(-50%);
  width: 50rpx;
  height: 50rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  //background-color: #f0f7ff;
  border-radius: 50%;
}

.error {
  display: block;
  color: #e64340;
  font-size: 24rpx;
  margin-top: 10rpx;
  height: 36rpx;
}
//中部标题
.setTitle{
	margin: 0 0 10rpx 20rpx;
	font-size: 35rpx;
}
/* 重要提示 */
.notice {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
  border-radius: 15rpx;
  padding: 25rpx;
  margin: 20rpx 20rpx;
  display: flex;
}

.notice-icon {
  width: 40rpx;
  height: 40rpx;
  background-color: #faad14;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20rpx;
  flex-shrink: 0;
}

.notice-content {
  display: flex;
  flex-direction: column;
  font-size: 28rpx;
  color: #666;
}

.notice-content text {
  line-height: 1.6;
  color: #f50000;
}
/* 账号和保存 */
.quit{
	// padding-left: 5%;
	// padding-right: 5%;
	// display: flex;
	// justify-content: space-between;
	// align-items: center;
	// padding-bottom: 20rpx;
	background-color: #efefef;
	padding: 20rpx 0;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
.quit-btn{
	display: flex;
	justify-content: center;
	margin-left: 10%;
	margin-right: 10%;
	background-color: #ffb813;
	padding: 15rpx 100rpx;
	border-radius: 20rpx;
	border: #ffe58f 1rpx solid;
}
/* 全局样式 */
.container {
  background-color: #ffffff;
  min-height: 100vh;
  padding: 20rpx 30rpx;
  font-size: 28rpx;
  color: #333;
}
/* 选项卡容器 */
.tabs-container {
  background-color: #fff;
  border-radius: 16rpx;
  overflow: hidden;
  margin-bottom: 70rpx;
}
/* 选项卡标题区域 */
.tabs-header {
  display: flex;
  position: relative;
  background-color: #f0f7ff;
  border-bottom: 1rpx solid #e0e7ff;
}

.tab-header {
  flex: 1;
  text-align: center;
  padding: 25rpx 0;
  font-size: 30rpx;
  font-weight: 500;
  color: #666;
  position: relative;
  z-index: 1;
  transition: color 0.3s;
}

.tab-header.active {
  color: #1677ff;
  font-weight: bold;
}

/* 滑动指示器 */
.slider {
  position: absolute;
  bottom: 0;
  height: 6rpx;
  background: linear-gradient(90deg, #1677ff, #1890ff);
  z-index: 2;
  border-radius: 6rpx 6rpx 0 0;
  box-shadow: 0 2rpx 8rpx rgba(22, 119, 255, 0.3);
}

/* 选项卡内容 */
.tab-content {
  padding: 30rpx;
}
/* 表格样式 */
.content {
  background-color: #fff;
  border-radius: 12rpx;
  padding: 20rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
  margin-bottom: 40rpx;
}

.table {
  border-collapse: collapse;
  width: 100%;
}

.table-row {
  display: flex;
  align-items: center;
  border-bottom: 1rpx solid #f0f0f0;
  padding: 25rpx 0;
}

.table-row:last-child {
  border-bottom: none;
}
.pay-img{
	width: 30rpx;
	height: 30rpx;
	margin-right: 5rpx;
}
.header-row {
  font-weight: bold;
  background-color: #fafafa;
  border-radius: 8rpx;
  padding: 20rpx 0;
}

.table-cell {
  flex: 1;
  //text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  //flex-direction: column;
}

.table-cell.type {
  text-align: left;
  justify-content: flex-start;
}
/* 返佣比例输入 */
.rate-input {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rate-input input {
  width: 120rpx;
  height: 60rpx;
  border: 1rpx solid #ddd;
  border-radius: 8rpx;
  text-align: center;
  font-size: 28rpx;
  padding: 0 10rpx;
}

.percent {
  margin-left: 10rpx;
  color: #666;
}